@import "./rootfontsize.css";
.neon-select {
    /* 基础形态 */
    position: relative;
    background: #1A1A1A;
    border: 0.125rem solid #32CD32; /* 2px */
    border-radius: 0.375rem; /* 6px */
    color: #ADFF2F;
    padding: 0.75rem 2.5rem 0.75rem 1rem; /* 12px 40px 12px 16px */
    font-size: 1rem;
    appearance: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* 多重光效层 */
    box-shadow:
        inset 0 0 0.5rem #32CD3230, /* 8px */
        0 0 0.75rem #32CD3220; /* 12px */

    /* 自定义下拉箭头 */
    background-image: 
        linear-gradient(45deg, transparent 50%, #32CD32 50%),
        linear-gradient(135deg, #32CD32 50%, transparent 50%);
    background-position:
        calc(100% - 1.25rem) 50%, /* 20px */
        calc(100% - 0.9375rem) 50%; /* 15px */
    background-size: 0.3125rem 0.3125rem; /* 5px */
    background-repeat: no-repeat;
}

/* 悬浮态 - 能量充能 */
.neon-select:hover {
    border-color: #ADFF2F;
    box-shadow: 
        inset 0 0 0.75rem #32CD3250,
        0 0 1.25rem #ADFF2F; /* 20px */

    /* 动态光晕 */
    &::before {
        content: '';
        position: absolute;
        inset: -0.125rem; /* -2px */
        border-radius: inherit;
        box-shadow: 0 0 1.875rem #ADFF2F; /* 30px */
        animation: pulse 1.5s infinite;
        opacity: 0;
    }
}

/* 展开态 - 能量爆发 */
.neon-select:focus {
    outline: none;
    border-color: #ADFF2F;
    box-shadow:
        inset 0 0 1.25rem #32CD3280,
        0 0 1.875rem #ADFF2F; /* 30px */

    /* 扫描线效果 */
    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
        to bottom,
        transparent 0%,
        #32CD3210 50%,
        transparent 100%
        );
        animation: scan 2s infinite linear;
    }
}

/* 下拉选项面板 */
.neon-select option {
    background: #1A1A1A;
    color: #ADFF2F;
    padding: 0.75rem;

    /* 选项悬浮态 */
    &:hover {
        background: #24592A !important;
        text-shadow: 0 0 0.5rem #ADFF2F; /* 8px */
    }

    /* 禁用态 */
    &:disabled {
        color: #608060;
        background: #1A1A1A;
    }
}

/* 动效系统 */
@keyframes pulse {
    0%, 100% { opacity: 0; }
    50% { opacity: 0.3; }
}

@keyframes scan {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}

/* 暗黑模式适配 */
@media (prefers-color-scheme: dark) {
    .neon-select {
        background: #0D0D0D;
        box-shadow:
        inset 0 0 0.5rem #32CD3240,
        0 0 0.75rem #32CD3230;
    }
}